<template>
    <div class="useragree">
        <hb-title-levels :list="list" />
        <div class="txt" v-text="Lang[lang]"></div>
    </div>
</template>

<script>
import {Lang, Title} from './lang'
export default {
	name: 'useragree',
	data() {
		return {
			Lang,
		}
	},
	computed: {
		lang() {
			return this.$store.state.setting.lang
		},
		list() {
			return Title[this.lang]
		},
	},
	created() {},
	methods: {},
}
</script>

<style scoped>
.useragree {
	width: 1200px;
	color: var(--clr0);
}
.txt {
	padding-bottom: 40px;
	white-space: pre-line;
}
</style>